	<style>
		.toolbar{
			height:30px;
			padding:5px;
		}
	</style>
	<script>
		function enable(){
			$('a.easyui-linkbutton').linkbutton('enable');
		}
		function disable(){
			$('a.easyui-linkbutton').linkbutton('disable');
		}
		function changetext(){
			$('#add').linkbutton({text:'new add'});
		}
	</script>

	<h2>链接按钮 - LinkButton</h2>
	<div class="demo-info" style="margin-bottom:10px">
		<div class="demo-tip icon-tip"></div>
		<div>可以通过HTML&lt;a&gt;标签来创建链接按钮。</div>
	</div>
	
	<div style="padding:5px;">
		<a href="#" onclick="enable()">enable</a> |
		<a href="#" onclick="disable()">disable</a> |
		<a href="#" onclick="changetext()">change add text</a> |
		<a href="#" onclick="javascript:$('#add').linkbutton({disabled:true})">disable add button</a> |
		<a href="#" onclick="javascript:$('#add').linkbutton({disabled:false})">enable add button</a> | 
		<a href="#" onclick="javascript:$('a.easyui-linkbutton').linkbutton({plain:true})">make to plain</a> | 
		<a href="#" onclick="javascript:$('a.easyui-linkbutton').linkbutton({plain:false})">restore</a>  
	</div>
	<p>3D</p>
	<div class="toolbar">
		<a id="add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">Remove</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">Save</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut',disabled:true">Cut</a>
		<a href="#" class="easyui-linkbutton" onclick="javascript:alert('ttt')">Text Button</a>
	</div>
	<div class="toolbar">
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">Ok</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">No</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">Cancel</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">Reload</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">Search</a>
	</div>
	<div class="toolbar">
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'">Print</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help'">Help</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'">Undo</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo'">Redo</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-back'">Back</a>
	</div>
	
	<p>Plain</p>
	<div style="padding:5px;background:#fafafa;width:500px;">
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'">Cancel</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'">Reload</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">Search</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true">Text Button</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'">Print</a>
	</div>
	
	<p>DEMO1</p>
	<div style="padding:5px;background:#fafafa;width:500px;">
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">Cancel</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">Refresh</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">Query</a>
		<a href="#" class="easyui-linkbutton">text button</a>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'">Print</a>
	</div>
	
	<p>DEMO2</p>
	<div style="padding:5px;background:#fafafa;width:500px;">
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'">Cancel</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'">Refresh</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">Search</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true">text button</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'">Print</a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-help'"> </a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-save'"></a>
		<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-back'"></a>
	</div>
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;LinkButton - jQuery EasyUI Demo&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
	&lt;style&gt;
		.toolbar{
			height:30px;
			padding:5px;
		}
	&lt;/style&gt;
	&lt;script&gt;
		function enable(){
			$('a.easyui-linkbutton').linkbutton('enable');
		}
		function disable(){
			$('a.easyui-linkbutton').linkbutton('disable');
		}
		function changetext(){
			$('#add').linkbutton({text:'new add'});
		}
	&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;链接按钮 - LinkButton&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot; style=&quot;margin-bottom:10px&quot;&gt;
		&lt;div class=&quot;demo-tip icon-tip&quot;&gt;&lt;/div&gt;
		&lt;div&gt;可以通过HTML&amp;lt;a&amp;gt;标签来创建链接按钮。&lt;/div&gt;
	&lt;/div&gt;
	
	&lt;div style=&quot;padding:5px;&quot;&gt;
		&lt;a href=&quot;#&quot; onclick=&quot;enable()&quot;&gt;enable&lt;/a&gt; |
		&lt;a href=&quot;#&quot; onclick=&quot;disable()&quot;&gt;disable&lt;/a&gt; |
		&lt;a href=&quot;#&quot; onclick=&quot;changetext()&quot;&gt;change add text&lt;/a&gt; |
		&lt;a href=&quot;#&quot; onclick=&quot;javascript:$('#add').linkbutton({disabled:true})&quot;&gt;disable add button&lt;/a&gt; |
		&lt;a href=&quot;#&quot; onclick=&quot;javascript:$('#add').linkbutton({disabled:false})&quot;&gt;enable add button&lt;/a&gt; | 
		&lt;a href=&quot;#&quot; onclick=&quot;javascript:$('a.easyui-linkbutton').linkbutton({plain:true})&quot;&gt;make to plain&lt;/a&gt; | 
		&lt;a href=&quot;#&quot; onclick=&quot;javascript:$('a.easyui-linkbutton').linkbutton({plain:false})&quot;&gt;restore&lt;/a&gt;  
	&lt;/div&gt;
	&lt;p&gt;3D&lt;/p&gt;
	&lt;div class=&quot;toolbar&quot;&gt;
		&lt;a id=&quot;add&quot; href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-add'&quot;&gt;Add&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-remove'&quot;&gt;Remove&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-save'&quot;&gt;Save&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-cut',disabled:true&quot;&gt;Cut&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;javascript:alert('ttt')&quot;&gt;Text Button&lt;/a&gt;
	&lt;/div&gt;
	&lt;div class=&quot;toolbar&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-ok'&quot;&gt;Ok&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-no'&quot;&gt;No&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-cancel'&quot;&gt;Cancel&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-reload'&quot;&gt;Reload&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-search'&quot;&gt;Search&lt;/a&gt;
	&lt;/div&gt;
	&lt;div class=&quot;toolbar&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-print'&quot;&gt;Print&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-help'&quot;&gt;Help&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-undo'&quot;&gt;Undo&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-redo'&quot;&gt;Redo&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-back'&quot;&gt;Back&lt;/a&gt;
	&lt;/div&gt;
	
	&lt;p&gt;Plain&lt;/p&gt;
	&lt;div style=&quot;padding:5px;background:#fafafa;width:500px;&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-cancel'&quot;&gt;Cancel&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-reload'&quot;&gt;Reload&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-search'&quot;&gt;Search&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true&quot;&gt;Text Button&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-print'&quot;&gt;Print&lt;/a&gt;
	&lt;/div&gt;
	
	&lt;p&gt;DEMO1&lt;/p&gt;
	&lt;div style=&quot;padding:5px;background:#fafafa;width:500px;&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-cancel'&quot;&gt;Cancel&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-reload'&quot;&gt;Refresh&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-search'&quot;&gt;Query&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot;&gt;text button&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-print'&quot;&gt;Print&lt;/a&gt;
	&lt;/div&gt;
	
	&lt;p&gt;DEMO2&lt;/p&gt;
	&lt;div style=&quot;padding:5px;background:#fafafa;width:500px;&quot;&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-cancel'&quot;&gt;Cancel&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-reload'&quot;&gt;Refresh&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-search'&quot;&gt;Search&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true&quot;&gt;text button&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-print'&quot;&gt;Print&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-help'&quot;&gt; &lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-save'&quot;&gt;&lt;/a&gt;
		&lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; data-options=&quot;plain:true,iconCls:'icon-back'&quot;&gt;&lt;/a&gt;
	&lt;/div&gt;
	
&lt;/body&gt;
&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>
